<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
	<title>Login</title>
	<script src="bootstrap-4.6.2-dist/js/jquery-3.5.1.slim.min.js"></script>
	<script src="bootstrap-4.6.2-dist/js/bootstrap.js"></script>
	<link rel="stylesheet" href="css/login.css">
</head>

<body>
	<div class="box">
		<!--<h2>Login</h2>-->
		<ul class="nav nav-pills ">
			<li class="nav-item">
				<a class="nav-link" data-toggle='tab' href=" ">登录</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" data-toggle='tab' href="#e">注册</a>
			</li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane fade show active " id="d">
				<div class="input-box">
					<label>账号</label>
					<input type="text" />
				</div>
				<div class="input-box">
					<label>密码</label>
					<input type="password" />
				</div>
				<div class="btn-box text-white-50">
					忘记密码?
					<div>
						<button>登录</button>

					</div>
				</div>
			</div>
			<div class="tab-pane fade " id="e">
				<div class="input-box">
					<label>账号</label>
					<input type="text" />
				</div>
				<div class="input-box">
					<label>密码</label>
					<input type="password" />
				</div>
				<div class="btn-box">
					<div>
						<button>注册</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	</div>

</body>